.backfrom-box{
   background: #f2f3f5;
   height: 100%;
}
.guidance-box{
   padding: 1.5rem;
 }
ion-item:nth-child(3){
--background: #f2f3f5;
}
ion-item:nth-child(4),ion-item:nth-child(5){
    --padding-end:2rem;  

    }
    ion-item-divider{
       min-height: 1rem;
       --background: #f2f3f5;
    }
   
     .down ion-icon{
       font-size: 2rem;
      //  color: #ccc;
    }
.btn-box{
   width: 12.8rem;
   position: absolute;
   top:4rem;
   right: 1rem;
   z-index: 14;
   box-shadow: 0 0 6px #333333 ;
   border-radius:8px;
   img{
      width: 40px;height: 25px;
      position: absolute;
      top: -1rem;
      right: 0rem;
   }
   li{
      height: 4.4rem;
      line-height: 4.4rem;
      background-image: linear-gradient(to top,#E5F3FF ,#fff);
      font-size: 1.6rem;
      text-align: left;
      color: #111111;
      box-shadow: 0 15px 35px rgba(0,0,0,0.1 );
      padding-left: 1.5rem;
      transition: background-image 200ms linear;
      cursor: pointer;
      border-bottom: 1px solid #cccccc;
   }
   li:nth-of-type(1){
      border-radius: 8px 8px 0 0;
   }
   li:last-child{
      border-radius:  0 0 8px 8px;
   }
   li:hover{
      background-image: linear-gradient(to top,#A6D5FF ,#fff);
   }
  
}
 .shade{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background-color: #000000;
   z-index: 12;
   opacity: 0.3;
   filter: alpha;
 }
 ion-item{
    touch-action: none;
 }